<!doctype html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="在线图书销售系统">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{title}——图书销售管理系统</title>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/android-desktop.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Design Lite">
    <link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#3372DF">

    <link rel="shortcut icon" href="images/favicon.png">

    <link href="http://fonts.lug.ustc.edu.cn/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet">
    <link href="http://fonts.lug.ustc.edu.cn/icon?family=Material+Icons" rel="stylesheet">

    <link rel="stylesheet" href="__PUBLIC__/styles/material.min.css">
    <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
    <link rel="stylesheet" href="__PUBLIC__/styles/dialog-polyfill.css">
    <link rel="stylesheet" href="__PUBLIC__/styles/styles.css">
    <link rel="stylesheet" href="__PUBLIC__/styles/upload.css">
    <link rel="stylesheet" href="__PUBLIC__/editor/themes/default/default.css" >
  </head>
  <body>
    <div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">


      <header class="demo-header mdl-layout__header mdl-color--grey-100 mdl-color-text--cyan-500">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">{微书店}管理平台</span>
          <div class="mdl-layout-spacer"></div>
          <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
            <label class="mdl-button mdl-js-button mdl-button--icon" for="search">
              <i class="material-icons">search</i>
            </label>
            <div class="mdl-textfield__expandable-holder">
              <input class="mdl-textfield__input" type="text" id="search">
              <label class="mdl-textfield__label" for="search">输入图书名称...</label>
            </div>
          </div>
          <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="hdrbtn">
            <i class="material-icons">more_vert</i>
          </button>
          <ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" for="hdrbtn">
            <li class="mdl-menu__item">关于我们</li>
            <li class="mdl-menu__item">联系方式</li>
          </ul>
        </div>
      </header>


      <div class="demo-drawer mdl-layout__drawer mdl-color--cyan-500 mdl-color-text--white">
        <header class="demo-drawer-header">
          <img src="__PUBLIC__/images/user.jpg" class="demo-avatar">
          <div class="demo-avatar-dropdown">
            <span>Admin [ 超级管理员 ]</span>
            <div class="mdl-layout-spacer"></div>
            <button id="accbtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
              <i class="material-icons" role="presentation">arrow_drop_down</i>
              <span class="visuallyhidden">Accounts</span>
            </button>
            <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="accbtn">
              <li class="mdl-menu__item">个人信息</li>
              <li class="mdl-menu__item">注销账户</li>
            </ul>
          </div>
        </header>
        <nav class="demo-navigation mdl-navigation mdl-color--cyan-300 mdl-color-text--white">
          <a class="mdl-navigation__link" href="{:U('Admin/Index/index')}"><i class="mdl-color-text--white material-icons" role="presentation">home</i>主页</a>
          <a class="mdl-navigation__link" href="{:U('Admin/Category/findAll')}"><i class="mdl-color-text--white material-icons" role="presentation">more</i>图书分类</a>
		  <a class="mdl-navigation__link" href="{:U('Admin/Index/book')}"><i class="mdl-color-text--white material-icons" role="presentation">local_library</i>图书管理</a>
		  <a class="mdl-navigation__link" href="{:U('Admin/Index/user')}"><i class="mdl-color-text--white material-icons" role="presentation">people</i>会员中心</a>
          <a class="mdl-navigation__link" href="{:U('Admin/Index/order')}"><i class="mdl-color-text--white material-icons" role="presentation">shopping_cart</i>订单管理</a>
          <div class="mdl-layout-spacer"></div>
          <a class="mdl-navigation__link" href="">&copy;2016 微书店科技</a>
        </nav>
      </div>

      {__CONTENT__}
	  
       <div id="demo-toast-example" class="mdl-js-snackbar mdl-snackbar">
            <div class="mdl-snackbar__text"></div>
            <button class="mdl-snackbar__action" type="button"></button>
       </div>

    </div>


	<script src="__PUBLIC__/scripts/jquery.min.js"></script>
	<script src="__PUBLIC__/scripts/jquery.form.js"></script>
	<script src="__PUBLIC__/scripts/dialog-polyfill.js"></script>
	<script src="__PUBLIC__/scripts/angular.min.js"></script>
	<script src="__PUBLIC__/scripts/material.min.js"></script>
	<script src="__PUBLIC__/scripts/mdl-selectfield.min.js"></script>
    <script src="__PUBLIC__/editor/kindeditor-all-min.js" ></script>
    <script src="__PUBLIC__/editor/lang/zh-CN.js" ></script>
	<script src="__PUBLIC__/scripts/editor.js" ></script>
	<script src="__PUBLIC__/scripts/dialog.js"></script>

  </body>
 
 </html>
